$(function () {
    //验证用户名
    $('#username-input').blur(function () {
        var username = $(this).val().trim()
        //用户名正则，4到16位字母，数字，下划线
        var reg = /^[a-zA-Z0-9_]{4,16}$/;
        if (!username) {
            $('#usernameinfo').html('用户名不能为空').css('color', 'red');
        }

        if (!reg.test(username)) {
            $('#usernameinfo').html('用户名格式不正确').css('color', 'red');

        }
        else {
            $.getJSON('/app/checkregister/', {'username': username}, function (data) {
                // alert(data);
                if (data['status'] == 200) {
                    $('#usernameinfo').html('用户名可用').css('color', 'green');
                }
                else {
                    $('#usernameinfo').html('用户名已被占用').css('color', 'red');
                }
            })
        }

    })
    //验证第一次输入密码格式
    $('#password_input').blur(function () {
        password = $(this).val().trim()
        //密码正则至少6位非空字符
        var reg = /^\S{6,}$/
        if (!password) {
            $('#passwordInfo').html('密码不能为空').css('color', 'red');

        }
        if (!reg.test(password)) {
            $('#passwordInfo').html('密码格式不正确').css('color', 'red');

        } else {
            $('#passwordInfo').html('').css('color', 'green');

        }
    })
    //验证第二次输入密码是否和第一次输入密码一致
    $('#password_confirm_input').blur(function () {
        // password = $('#password_input').val().trim()
        password_confirm = $(this).val()
        if (password_confirm != password) {
            $('#password_confirm_Info').html('前后密码不一致').css('color', 'red');

        } else {
            $('#password_confirm_Info').html('').css('color', 'green');

        }
    })

    //Email正则
    $('#email_input').blur(function () {
        email = $(this).val()
        var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
        if (!email) {
            $('#emailinfo').html('邮箱不能为空').css('color', 'red');
        }
        if (!reg.test(email)) {
            $('#emailinfo').html('邮箱格式不正确').css('color', 'red');

        } else {
            $('#emailinfo').html('').css('color', 'green');
        }

    })
//用jquery来应用submit，当数据输入不满足要求时，阻止表单提交
// #usernameinfo,#passwordInfo,#password_confirm_Info,#emailinfo
//     alert('to check_form js')

    $('form').submit(function () {
        var color1 = $('#usernameinfo').css('color');
        if (color1 == "rgb(255, 0, 0)") {
            console.log("红色的");
            return false;
        }
        // alert('1')

        var color2 = $('#passwordInfo').css('color');
        if (color2 == "rgb(255, 0, 0)") {
            console.log("红色的");
            return false;
        }
        // alert('2')

        var color3 = $('#password_confirm_Info').css('color');
        if (color3 == "rgb(255, 0, 0)") {
            console.log("红色的");
            return false;
        }
        // alert('3')

        var color4 = $('#emailinfo').css('color');
        if (color4 == "rgb(255, 0, 0)") {
            console.log("红色的");
            return false;
        }

        var $password_input = $("#password_input");
        alert($password_input);

        var password = $password_input.val().trim();
        alert(password);

        $password_input.val(md5(password));
        alert('123')
        alert($password_input.val(md5(password)));

        return true
        alert('注册成功,请前往邮箱激活账户')

    })
})


//用JavaScript来应用onsubmit
// function check_form() {
//                 alert('不准提交')
//         return false
//
// }
